<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        列表英文叫做list

        html中共有三种列表
            1.有序列表(ol,order list)
            2.无序列表(ul,unorder list)
            3.自定义列表

        有序列表，使用ol标签来创建有序列表，然后在里面嵌套li(list item)表示列表项
        无序列表，使用ul......(同上)
        自定义列表,使用dl标签来创建自定义列表,然后在里面dt表示定义的内容,dd对内容进行解释说明

        使用之后你会发现两者的区别无非就是一个在每一项内容之前写数字，一个是写个点。其实我们真实的开发中都会把前面的东西去掉，所以有序无序其实这个时候区别就不是很大了，所以看看就好。后面我们会讲怎么去掉前面的东西。至于自定义标签，其实我们基本不用，所以做个了解就行

        列表之间是可以嵌套的，比如你一定发现有些网站的菜单，当你鼠标放到菜单的某一项的时候，又出来一个二级菜单，这个其实就是用到了列表之间的嵌套。后面我们会讲到怎么做一个这样的嵌套
     -->

     <!-- 有序列表实例 -->
     <ol>
        <li>铅笔</li>
        <li>钢笔</li>
        <li>水笔</li>
     </ol>

     <!-- 无序列表实例 -->
     <ul>
        <li>铅笔</li>
        <li>钢笔</li>
        <li>水笔</li>
     </ul>

     <!-- 自定义列表实例 -->
     <dl>
        <dt>结构</dt>
        <dd>我是内容我是内容我是内容</dd>
     </dl>
</body>
</html>